<!DOCTYPE html>
<html style="background-color: #F2F2F2;">
<head>
	
	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('info,vue,lazyload'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/console/housecraft/css/info.css" />

    <script type="text/javascript" src="html/console/housecraft/js/info.js"></script>

</head>
<body>

	<div style="display: none;"></div>
	<div id="loadSpin" class="bg"></div>

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="housecraftid" class="display-none" v-bind:value="info.housecraftid" />
		<input type="text" id="menuid" class="display-none" />

		<div class="info-bar">
			<div class="info-title">{{ info.title }}</div>
			<div class="info-table">
        		<div class="table-left">栏目分类</div>
        		<div class="table-right">
        			<template v-if="info.sortation == 0">月嫂保姆</template>
                    <template v-else-if="info.sortation == 1">清洗保洁</template>
                    <template v-else-if="info.sortation == 2">家居清洗</template>
                    <template v-else>--</template>
        		</div>
        	</div>
			<div class="info-table">
        		<div class="table-left">商家地址</div>
        		<div class="table-right">{{ info.address == '' ? '--' : info.address }}</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">联系人</div>
        		<div class="table-right">{{ info.person == '' ? '--' : info.person }}</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">联系电话</div>
        		<div class="table-right">{{ info.phone == '' ? '--' : info.phone }}</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">访问量</div>
        		<div class="table-right">{{ info.click }}次点击，{{ info.dial }}次电话</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">备注</div>
        		<div class="table-right">{{ info.remark == '' ? '--' : info.remark }}</div>
        	</div>
		</div>

		<div class="info-bar2">
			<div class="info-head-bar">
				<div class="head-title">服务内容</div>
			</div>
			<template v-if="info.sortation == 0">
				<div class="info-table">
	        		<div class="table-left">服务身份</div>
	        		<div class="table-right">
	        			<template v-if="info.identity == '0'">个人</template>
	                    <template v-else-if="info.identity == '1'">家政公司</template>
	                    <template v-else>--</template>
	        		</div>
	        	</div>
			</template>
        	<div class="info-table">
        		<div class="table-left">服务特征</div>
        		<div class="table-right">{{ info.feature == '' ? '--' : info.feature }}</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">服务范围</div>
        		<div class="table-right">{{ info.area == '' ? '--' : info.area }}</div>
        	</div>
		</div>

		<div class="info-bar2">
			<div class="info-head-bar">
				<div class="head-title">服务详情</div>
			</div>
			<div class="info-introduce" v-html="info.introduce">
			</div>
		</div>

		<div class="info-bar2">
			<div class="info-head-bar">
				<div class="head-title">资费套餐</div>
			</div>
			<div class="info-table">
        		<div class="table-left">状态</div>
        		<div class="table-right">
        			<template v-if="info.status == 0"><span class="tc1">待审核</span></template>
                    <template v-else-if="info.status == 1"><span class="tc2">展示中</span></template>
                    <template v-else-if="info.status == 2"><span class="tc5">下架</span></template>
                    <template v-else-if="info.status == 3"><span class="tc5">回收</span></template>
                    <template v-else-if="info.status == 4"><span class="tc5">已过期</span></template>
                    <template v-else-if="info.status == 5"><span class="tc5">已退款</span></template>
                    <template v-else>状态异常</template>
        		</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">到期时间</div>
        		<div class="table-right">{{ info.expiretime }}<template v-if="info.expiretime != '永久显示'">，剩余{{ info.showResidueDays }}天</template></div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">显示区域</div>
        		<div class="table-right">
        			<template v-if="info.istop == 0">普通区</template>
                    <template v-else-if="info.istop == 1"><span class="tc1">置顶区</span></template>
                    <template v-else>状态异常</template>
        		</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">置顶类型</div>
        		<div class="table-right">
        			<template v-if="info.toptype == 1">收费置顶</template>
                    <template v-else-if="info.toptype == 2">赠送置顶</template>
                    <template v-else>--</template>
        		</div>
        	</div>
        	<div class="info-table">
        		<div class="table-left">置顶时长</div>
        		<div class="table-right">
        			<template v-if="info.topstarttime != null && info.topstarttime != ''">
						{{ info.topstarttime.split(' ')[0] }} 至 {{ info.topendtime.split(' ')[0] }}，剩余{{ info.topResidueDays }}天
					</template>
					<template v-else>--</template>
        		</div>
        	</div>
		</div>

		<template v-if="info.picList != null && info.picList != ''">
			<div class="info-bar2">
				<div class="info-head-bar">
					<div class="head-title">商家图片</div>
				</div>
				<img class="info-pic" v-lazy="pic.path" v-for="pic in info.picList" />
			</div>
		</template>

		<div class="bottom-empty"></div>
        <div id="bottomBar" class="bottom-bar">
        	<div class="bottom-btn3" onclick="back()">关闭</div>
        </div>

	</div>

	<script type="text/javascript">
        var housecraft = new Vue({
            el: '#mainBg',
            data: {
                info: '',
                permission: ''
            },
            mounted() {
            	Vue.use(VueLazyload);
            }
        });
    </script>

</body>
</html>